* {
	margin: 0;
	padding: 0;
}
html,body {
	width: 100%;
	height: 100%;
}
#music{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 20;
	cursor: pointer;
	animation: hd 3s infinite linear;
}
@-webkit-keyframes hd{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.page01{
	position:relative;
	background-image: url('../images/backgrounp.jpg');
}
.page01 :nth-child(1){
	position:absolute;
	top:265px;
}
.page01 :nth-child(2){
	position:absolute;
	top:300px;
	left:90px;
}
.page01 :nth-child(3){
	position:absolute;
	left:3px;
}
.page01 :nth-child(4){
	position:absolute;
	top:150px;
	left:45px;
	transform:rotate(-32deg);
}
#text{
	font-size: 50px;
	position:absolute;
	top:200px;
	left:60px;
	color: white;
	transform:rotate(-18deg);
	font-family: "华文新魏";
}


.page02{
	position:relative;
	background-image: url('../images/backgrounp.jpg');
}
.page02 :nth-child(1){
	position:absolute;
	top: 0px;
	right: 0px;
}
.page02 :nth-child(2){
	position:absolute;
	top: 0px;
	right: 0px;
}
.page02 :nth-child(3){
	position:absolute;
	top: 350px;
	right: 123px;
}
.page02 :nth-child(4){
	position:absolute;
	top: 345px;
	right: 190px;
}
#title{
	position: absolute;
	top: 80px;
	left: 10px;
	width: 120px;
	height: 50px;
	background-color: black;
	color: white;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	/*border: 2px solid ghostwhite;*/
	
}
#info{
	position: absolute;
	top: 170px;
	left: 20px;
	font-size: 17px;
	line-height: 30px;
}


.page03{
	position:relative;
	background-image: url('../images/backgrounp.jpg');
}
.page03 :nth-child(1){
	position:absolute;
	top: 0px;
	right: 0px;
}
.page03 :nth-child(2){
	position:absolute;
	width: 100%;
	top: 0px;
	right: 0px;
}
.page03 :nth-child(3){
	width: 150px;
	height: 50px;
	background-color: black;
	position: absolute;
	top: 230px;
	left: 120px;
	color: white;
	font-size: 25px;
	text-align: center;
	line-height: 50px;
}

.page04{
	position:relative;
	background-image: url('../images/backgrounp.jpg');
}
.page04 span{
	position: absolute;
	left: 70px;
	display: block;
	width: 5px;
	background-color: black;
}
.span01{
	top: 0px;
}
.sj01{
	position: absolute;
	top: 60px;
	left: 34px;
	z-index: 1;
}
.span02{
	top: 127px;
}
.sj02{
	position: absolute;
	top: 251px;
	left: 34px;
	z-index: 1;
}
.span03{
	top: 320px;
}
.sj03{
	position: absolute;
	top: 440px;
	left: 34px;
	z-index: 1;
}
.span04{
	top: 510px;
}
.pro_info01{
	position: absolute;
	width: 220px;
	height: 150px;
	top: 40px;
	right: 20px;
	/*background-color: black;*/
}
.pro_info02{
	position: absolute;
	width: 220px;
	height: 150px;
	top: 230px;
	right: 20px;
	/*background-color: black;*/
}
.pro_info03{
	position: absolute;
	width: 220px;
	height: 150px;
	top: 420px;
	right: 20px;
	/*background-color: black;*/
}



.page06{
	position:relative;
	background-image: url('../images/backgrounp.jpg');
}
.page06 :nth-child(2){
	position: absolute;
	top: 90px;
	left: 150px;
}
.page06 :nth-child(3){
	position: absolute;
	top: 135px;
	left: 140px;
}

